$font-size:13px;
app-tree-list {
  font-size: $font-size;
  .dx-treelist .dx-row>td {
    line-height: 27px;
    padding: 0px 0px 0px 3px;
    margin: auto;
    font-size: $font-size;
  }
 
  .dx-treelist-table {
    .category-row{
      width:100%;
    }

    .dx-data-row {
      // &.category-row{      
      //   &c1{
      //       background-color: green;
      //       &.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused){
      //       background-color: green;
      //     }
      //   }
      //   &c2{
      //       background-color: red;
      //       &.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused){
      //       background-color: red;
      //     }
      //   }
      // }
    }
  }
}
